<template>
  <div>
      <ul>
          <li v-for="(item,index) in list" :key="index">
              <nuxt-link :to="item.path">
               {{item.name}}
              </nuxt-link>
         
          </li>
      </ul>
  </div>
</template> 
<script>
export default {
  name:"Index",
//   layout: 'view',
  data(){return{
      list:[{
          name:'生命周期',
          path:'/lifecycle'
      },{
          name:'组件通信',
          path:'/componentComm'
      },{
          name:'内置组件',
          path:'/components'
      },{
          name:'常用指令',
          path:'/directives'
      },{
          name:'逻辑复用',
          path:'/logicReuse'
      },{
          name:'路由演示',
          path:'/router'
      }]
  }}, // 重点
 
}
</script>